<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> 
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
	<!-- jquery3.3.1 -->
	<script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>

	<!-- bootstrap引用   -->
	<script type="text/javascript" src="<%=basePath %>js/bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
	<link rel="stylesheet" type="text/css" href="<%=basePath %>js/bootstrap-3.4.1-dist/css/bootstrap.min.css">

	<!-- dataTables引用 -->
	<link rel="stylesheet" type="text/css" href="<%=basePath %>js/DataTables/css/dataTables.bootstrap.min.css">
	<script src="/js/DataTables/js/jquery.dataTables.min.js"></script>
	<script src="/js/DataTables/js/dataTables.bootstrap.min.js"></script>

	<!-- 引入datetimepicker日期插件的css文件和js文件 -->
	<link href="/js/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
	<script src="/js/bootstrap-datetimepicker/js/moment-with-locales.js"></script>
	<script src="/js/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>

	<!-- 引入fileinput文件上传插件的css文件和js文件 -->
	<link href="/js/bootstrap-fileinput/css/fileinput.min.css" rel="stylesheet" />
	<script src="/js/bootstrap-fileinput/js/fileinput.min.js"></script>
	<script src="/js/bootstrap-fileinput/js/locales/zh.js"></script>
	
	<!-- 表单验证bootstrapValidator -->
	<link href="/js/bootstrapValidator/css/bootstrapValidator.min.css" rel="stylesheet" />
	<script src="/js/bootstrapValidator/js/bootstrapValidator.min.js"></script>
	
	<!-- 表单验证bootstrap-select -->
	<link href="/js/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet" />
	<script src="/js/bootstrap-select/js/bootstrap-select.min.js"></script>
	<script src="/js/bootstrap-select/js/i18n/defaults-zh_CN.min.js"></script>
	
	<!-- bootBox -->
	<script src="/js/bootstrap-bootbox/bootbox.min.js"></script>
	<script src="/js/bootstrap-bootbox/bootbox.locales.min.js"></script>

	<!-- ztree -->
	<script type="text/javascript" src="/js/zTree/js/jquery.ztree.all.min.js"></script>
	<link href="/js/zTree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css"/>


	<script>
		//ajax全局拦截
		$.ajaxSetup({
			complete:function (result) {
				var data = result.responseJSON;
				if (data.code && data.code != 0) {
					bootBoxAlert(data.msg)
				}

			}
		})
		//初始化日期控件
		function initDate(id){
			$("#"+id).datetimepicker({
				//设置日期格式
				format:"YYYY-MM-DD",
				//设置语言选项为中文
				locale:"zh-cn",
				//设置是否显示清除日期按钮
				showClear:true
			});
		}
		//jquery的id选择器
		function jqueryId(id)
		{
			return $("#"+id);
		}
		//jquery的name选择器
		function jqueryName(name,type){
			if(type)//如果查按钮的值
			{
				return $("[name="+name+"]:checked");
			}else
			{
				return $("[name="+name+"]");
			}
		}

		//初始化datatables
		function initDatatables(tableId,url,data,columns){
			return jqueryId(tableId).DataTable({
				//开启服务端模式
				serverSide:true,
				//是否显示加载中
				processing:true,
				//开启是否显示搜索框(我们自己做条件查询)
				searching:false,
				//设置每页显示条数下拉框的值
				lengthMenu:[3,5,7],
				//是否开启排序功能
				ordering: true,
				//指定某些列不使用排序
				//columnDefs: [ {orderable: false, targets: [0,1,2]}],
				//隔行换色//根据返回数据,设置某行某列样式
				createdRow: function ( row, data, index ) {
					//console.log(data);
					// if ( index %2 == 0 ) {
					//     $('td', row).css('font-weight',"bold").css("color","red");
					// }
				},
				language: {//指定国际化资源文件
					"url": "/js/DataTables/Chinese.json"
				},
				ajax:{
					//设置请求的地址
					"url":url,
					"type":"post",
					"data":data,
					dataSrc:function (result) {//ajax的返回函数,返回值打印控制台,方便打印控制台,进行调试
						console.log("datatable 返回的数据:");
						console.log(result);
						if(result.code == 0)//成功
						{
							result.draw = result.data.draw;
							result.recordsFiltered = result.data.recordsFiltered;
							result.recordsTotal = result.data.recordsTotal;
							return result.data.data
						}
						return {};
					}
				},
				//设置列
				columns:columns
			});
		}

		//jquery ajax
		function jqueryAjax(url,data,success) {
			$.ajax({
				type:"post",
				url:url,
				data:data,
				success:success,error:function(e){
					console.log(e);
				}
			});
		}
		function initFileInput(fileImg,hiddenId,fileArray)
		{
			//初始化fileinput控件
			var param = {
				language:"zh",//多语言设置，使用时需提前引入locales文件夹下对应的语言文件，中文zh，引入语言文件必须放在fileinput.js之后
				previewFileType:"text",//设置需要预览的文件类型
				uploadClass:"btn btn-danger",//设置上传按钮的样式
				allowedFileTypes:["image","text"],//上传的文件类型
				allowedFileExtensions:["jpg","gif","png","bmp"],//限制上传文件后戳
				maxFileSize:1024*20,//单位为kb，如果为0表示不限制文件大小
				maxFileCount:2,//最大文件数量
				showCaption: true,//是否显示标题
				showUpload : false,
				showRemove : false,
				layoutTemplates :{
					actionDelete:'', //去除上传预览的缩略图中的删除图标
					// actionUpload:'',//去除上传预览缩略图中的上传图片；
					// actionZoom:''   //去除上传预览缩略图中的查看详情预览的缩略图标。
				},
				//设置上传文件的地址
				uploadUrl:"/FileUploadController/uploadFile.do",
				uploadExtraData:function(){//向服务器发送额外参数,如果想自己传递一些参数,需要填写
					var param = {};
					param.id = 1234;
					return param;
				}
			};

			if(fileArray != null && fileArray.length > 0)//如果有默认值,则设置默认值
			{
				// allowedPreviewTypes = fileArray
				param.initialPreview = fileArray;
				param.initialPreviewAsData = true;
			}

			//初始化电影海报上传组件
			jqueryId(fileImg).fileinput(param);

			//用于文件上传结果处理的回调函数，每上传一个文件就会调用一下这个函数
			jqueryId(fileImg).on("fileuploaded",function(event,data,previewId,index){
				//获取服务器返回的数据
				console.log(data.response);
				var response = data.response;
				if(response.success){
					jqueryId(hiddenId).val(response.filePath);
				}else{
					bootBoxAlert("文件上传过程中出现异常，请联系管理员！");
				}
			});

			//选择文件后,自动上传
			jqueryId(fileImg).on('filebatchselected', function (event, data, id, index) {
				$("[class='file-preview-frame krajee-default kv-preview-thumb file-preview-success']").remove();//删除前一个文件
				$(this).fileinput("upload");//手动执行上传
			})

			//删除图片回调
			jqueryId(fileImg).on('fileclear', function(event, key) {
				jqueryId(hiddenId).val("");
			});
		}

		//bootbox alert
		function bootBoxAlert(message){
			bootbox.alert({
				title:"提示",
				message:message,
				buttons:{
					ok:{
						label:"确定"
					}
				}
			});
		}

		//bootbox confirm
		function bootBoxConfirm(message,title,fun){
			bootbox.confirm({
				message: message,
				size: 'large',
				title: title,
				buttons: {
					confirm: {
						label: '<span class="glyphicon glyphicon-ok"></span>确定',
						className: 'btn-success'
					},
					cancel: {
						label: '<span class="glyphicon glyphicon-remove"></span>取消',
						className: 'btn-danger'
					}
				},
				callback: fun
			})
		}

	</script>